<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title></title>
      <script type="text/javascript" src="JObj.js"></script>
  </head>
  <body>
  <div id="aa" onkeypress="alert('here')" style="top:100px;left:100px;width:200px;height:200px;position:absolute;background-color:#ccc"><li>aaaaaaaaaaaaaaaa</li></div>
  <script type="text/javascript">
      JObj.use("JShortcut");

      var doSomething = function(target,shortCut,evt){
          alert(shortCut)
          JObj.$("aa").innerHTML = shortCut + " " + evt.type + " " + target.tagName;
      }
      var sc = JObj.UI.JShortcut;
      //sc.bind(JObj.$("aa"),"CTRL_A",doSomething);
      //sc.bind(document.documentElement,"CTRL_A",doSomething,false);
      //sc.bind(document.documentElement,"ALT_UP",doSomething);
      //sc.bind("aa","CTRL_A",doSomething);
  </script>
  </body>
</html>